<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left" (click)="closeModal()">
                <img src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>无线模块</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>
<ion-content class="wireless-view">
    <div class="wireless-top">
        <div class="title">
            <label class="icon-bar"></label>
            <p>扫码</p>
        </div>
        <div style="text-align: center" (click)="scan()">
            <span class="scan-button">
                    <img src="assets/imgs/gallery/SVG/19027.svg" />
                    <label>扫一扫</label>
                </span>
        </div>
        <p style="text-align: center;margin: 5px 0 0;font-size: 10px;">请将手机摄像头对准二维码，点击扫描识别</p>
    </div>
    <hr class="line-division">
    <div class="wireless-mid">
        <div class="title">
            <label class="icon-bar"></label>
            <p>数据站</p>
        </div>
        <p class="tip-text" *ngIf="!viewData.scanStack">请扫描数据栈二维码</p>
        <span class="scan-res" *ngIf="viewData.scanStack">数据栈编号:</span>
    </div>
    <hr class="line-division">
    <div class="wireless-bottom">
        <div class="title">
            <label class="icon-bar"></label>
            <p>配置项</p>
        </div>
        <p class="tip-text" *ngIf="!viewData.scanConfig">请扫描无线模块二维码</p>
        <div>
            <p class="scan-res" *ngIf="viewData.scanConfig">无线模块编号：666</p>
            <div class="wireless-parameter" [ngClass]="{preventWrite:!(viewData.scanConfig && viewData.scanStack)}">
                <label>
                  <span>无线频道</span>
                  <input type="number" placeholder="请输入(0~31)范围值" [(ngModel)]="viewData.channel"/>
                </label>
            </div>
            <p class="warm-data" *ngIf="viewData.outRange">您的输入已超出正常值范围(0~31)</p>
            <div (click)="SpeedSelect()" class="wireless-parameter" [ngClass]="{preventWrite:!(viewData.scanConfig && viewData.scanStack)}">
                <label>
                  <span>空中速率</span>
                  <span class="value" >{{ inspeed || viewData.speeds.title }}<ion-icon name="ios-arrow-down"></ion-icon></span>
                </label>
            </div>
        </div>
    </div>
    <div>
        <button class="send-config" (click)="send()">下发配置</button>
    </div>
</ion-content>